import React from 'react';
import { Row, Col } from 'antd';
import CardList from './CardList';

const firstApps = Array(12).fill({
  name: '代码解释器',
  tags:['专业知识'],
  description: '代码解释器(CodeInterpreter)，具备生成、运行代码的能力。支持生成并运行Python代码来解决用户数据处理...',
  collection: 188,
  views: '1.7k'
});
const secondApps = Array(12).fill({
  name: '代码解释器',
  tags:['效率工具'],
  description: '代码解释器(CodeInterpreter)，具备生成、运行代码的能力。支持生成并运行Python代码来解决用户数据处理...',
  collection: 196,
  views: '1.7k'

});
const apps = [...firstApps, ...secondApps];


const CardMarket: React.FC = () => {
  return (
    <div className="app-market">
      <Row gutter={[45, 15]}>
        {apps.map((app, index) => (
          <Col key={index} span={8}>
            <CardList app={app} />
          </Col>
        ))}
      </Row>
    </div>
  );
};

export default CardMarket;
